<?php get_header() ?>
<script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/js/jquery.blockUI.js"></script>
<script type="text/javascript">
  $('.container').addClass('play');
</script>

<div class="btn-menu-doc">
    <a href="<?php echo site_url() ?>"><img src="<?php echo bloginfo('template_url'); ?>/img/btn-trangchu.png"></a>
	<a href="<?php echo site_url() ?>/the-le"><img src="<?php echo bloginfo('template_url'); ?>/img/btn-thele.png"></a>
    <a href="<?php echo site_url() ?>/bang-xep-hang"><img src="<?php echo bloginfo('template_url'); ?>/img/btn-bangxephang.png"></a>
	<a href="javascript:;" class="btn-thulai"><img src="<?php echo bloginfo('template_url'); ?>/img/btn-thulai.png"></a>
</div>

<div class="sound">
  <script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/js/soundmanager2-nodebug-jsmin.js"></script>
  <img src="<?php echo bloginfo('template_url'); ?>/img/vol-on.png">
  <script type="text/javascript">
    $('.sound').live('click',function(){
          if(!$(this).hasClass('off')){
              $(this).addClass('off');
              $(this).find('img').attr('src','<?php echo bloginfo('template_url'); ?>/img/vol-off.png');
              muteSounds();
          }else{
              $(this).removeClass('off');
              $(this).find('img').attr('src','<?php echo bloginfo('template_url'); ?>/img/vol-on.png');
              unmuteSounds();
          }
      });

  function initSounds() {
    for (var i=0; i<6; i++) {
      soundManager.createSound({
        id: 'smash'+i,
        url: '<?php echo bloginfo('template_url'); ?>/sound/glass'+i+'.mp3',
        autoLoad: true,
        multiShot: true,
        volume:50
      });
    }
  }
  function muteSounds() {
    for (var i=0; i<6; i++) {
      soundManager.mute('smash'+i);
    }
  }
  function unmuteSounds() {
    for (var i=0; i<6; i++) {
      soundManager.unmute('smash'+i);
    }
  }
  soundManager.setup({
    flashVersion: 9,
    preferFlash: false,
    url: '<?php echo bloginfo('template_url'); ?>/swf/',
    onready: function() {
      initSounds();
    },
    ontimeout: function() {
      initSounds();
    }
  });
  </script>
</div>

<div class="timer">00:<span>60</span></div>
<div class="score">ĐIỂM: <span>0</span></div>
<div class="baolixi">
	<img src="<?php echo bloginfo('template_url'); ?>/img/item-baolixi.png"> x<span>01</span>
</div>

<div class="gameplay"></div>
<div class="items"></div>
<div class="endgame">HẾT GIỜ</div>
<div class="cursor" style="top: 300px; left: 540px;">
<img src="<?php echo bloginfo('template_url'); ?>/img/csr-click.png">
</div>

<div class="award-background"></div>
<div class="award">
	<p class="t1">HÃY CLICK ĐỂ MỞ BAO LÌ XÌ.</p>
	<p class="t2">CHÚC BẠN MAY MẮN!</p>
	<div></div>
	<p class="btn"><a href="javascript:;"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-tieptuc-disable.png"></a></p>
</div>
<div class="award-message">
	<div></div>
	<p class="btn"><a href="javascript:;"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-tieptuc.png"></a></p>
</div>
<div class="award-send">
	<p class="adiem"> CHÚC MỪNG BẠN ĐÃ HOÀN THÀNH LƯỢT CHƠI VỚI ĐIỂM SỐ LÀ: <span>250 ĐIỂM</span></p>
	<p class="atrung"> NGOÀI RA, BẠN CÒN NHẬN ĐƯỢC <span>01 THẺ ĐIỆN THOẠI TRỊ GIÁ 20.000đ</span></p>
	<hr/>
	<form action="" class="aform">
		<p>Vui lòng điền thông tin theo mẫu bên dưới để chúng tôi lưu lại kết quả chơi của bạn và gửi bạn mã nhận quà</p>
		<label for="username">Họ và tên:</label> <input type="text" name="username" id="username" />
		<label for="phone">Số điện thoại:</label> <input type="text" name="phone" id="phone" />
		<label for="cmnd">Số CMND:</label> <input type="text" name="cmnd" id="cmnd" />
		<label for="email">Email:</label> <input type="text" name="email" id="email" />
		<a href="javascript:;"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-guithongtin.png"></a>
	</form>
</div>
<div class="award-final">
	<p class="t1">ĐIỂM SỐ VÀ THÔNG TIN CỦA BẠN ĐÃ ĐƯỢC LƯU LẠI.</p>
	<p class="t2">CÁM ƠN BẠN ĐÃ THAM GIA!</p>
	<p class="btn">
		<a href="javascript:;" class="btn-thulai"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-choilai.png"></a>
		<a href="<?php echo site_url() ?>/bang-xep-hang"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-bangxephang.png"></a>
		<a href="<?php echo site_url() ?>"><img src="<?php echo bloginfo('template_url'); ?>/img/btndo-thoat.png"></a>
	</p>
</div>

<script type="text/javascript">
   var item, submit_item, tick, map, score, baolixi, mobaolixi, giaithuong, start, time, loop = '';
   var osX = ($(window).width()-1020)/2;
   init();

   $('.btn-thulai').live('click',function(){
   	init();
   });

   function init(){
   	   clearInterval(loop);
   	   submit_item = Array();
   	   start = 0;
	     item = 0;
	     map = -1;
   	   score = 0;
   	   baolixi = 0;
   	   mobaolixi = 0;
   	   giaithuong = '';
   	   time = 60;
   	   $('.endgame').hide();
   	   $('.award-background').hide();
   	   $('.award-final').hide();
   	   $('.atrung').show();
   	   $('.award > div').html('');
   	   $('.award .btn a img').attr('src','<?php echo bloginfo('template_url'); ?>/img/btndo-tieptuc-disable.png');
   	   $('.award .btn a').unbind('click');
   	   update_text();
	   $.blockUI({css: {
            border: 'none',
            padding: '15px',
            backgroundColor: '#000',
            '-webkit-border-radius': '10px',
            '-moz-border-radius': '10px',
            opacity: .5,
            color: '#fff'
        }});
	   $.ajax({
	        type: "POST",
	        url: "<?php echo site_url() ?>/execute",
	        data: {
	            execute: 1
	        },
	        dataType: "json",
	    }).done(function(data) {
	       item = data;
	       create_list();
	       $.unblockUI();
	    });
   }
   function create_list(){
   		$('.items').html('');
   		var item_html = '<div><img src="<?php echo bloginfo('template_url'); ?>/img/item-nieu.png" /></div>';
   		for(var i=0;i<25;i++){
   			$('.items').append(item_html);
   		}
   		map++;
   }
   function open_item(){
   	if(baolixi==0){
      get_code();
   		$('.award-background').fadeIn();
	   	$('.award-send').fadeIn();
   		return;
   	}
   	var baolixi_html = '<div><img src="<?php echo bloginfo('template_url'); ?>/img/item-baodong.png" /></div>';
   	for(var i=0;i<baolixi;i++) $('.award > div').append(baolixi_html);
   	$('.award-background').fadeIn();
   	$('.award').fadeIn();
   	$('.award > div > div').click(function(){
   		var element = $(this);
   		$.blockUI({css: {
            border: 'none',
            padding: '15px',
            backgroundColor: '#000',
            '-webkit-border-radius': '10px',
            '-moz-border-radius': '10px',
            opacity: .5,
            color: '#fff'
        }});
   		$.ajax({
	        type: "POST",
	        url: "<?php echo site_url() ?>/execute",
	        data: {
	            execute: 3
	        },
	        dataType: "json",
	    }).done(function(data) {
	    	// if(data.hack==1) alert('Phát hiện nghi vấn hack!');
	    	if(data.hack==0){
		   		element.find('img').attr('src','<?php echo bloginfo('template_url'); ?>/img/item-baomo.png');
		   		element.unbind('click');
          element.remove();
		   		var award_html = '';
		   		if(data.award==1){
		   			award_html = 'CHÚC MỪNG BẠN ĐÃ NHẬN ĐƯỢC 01 LG PRO LITE TRỊ GIÁ 6.500.000Đ';
		   			if(giaithuong=='') giaithuong+= '01 LG PRO LITE TRỊ GIÁ 6.500.000đ';
		   			else giaithuong+= ', 01 LG PRO LITE TRỊ GIÁ 6.500.000đ';
		   		}
		   		else if(data.award==2){
		   			award_html = 'CHÚC MỪNG BẠN ĐÃ NHẬN ĐƯỢC 01 THẺ CÀO ĐIỆN THOẠI TRỊ GIÁ 20.000Đ';
		   			if(giaithuong=='') giaithuong+= '01 THẺ ĐIỆN THOẠI TRỊ GIÁ 20.000đ';
		   			else giaithuong+= ', 01 THẺ ĐIỆN THOẠI TRỊ GIÁ 20.000đ';
		   		}
		   		else award_html = 'CHÚC BẠN MAY MẮN LẦN SAU';
		   		$('.award-message > div').html(award_html);
		   		$('.award-message').show();
		   		$('.award').hide();
		   		mobaolixi++;
	    	}
	    	$.unblockUI();
	    });
   	});
   	$('.award-message .btn a').click(function(){
   		if(mobaolixi==baolixi){
   			$('.award .btn a img').attr('src','<?php echo bloginfo('template_url'); ?>/img/btndo-tieptuc.png');
   			get_code();
   		} else $('.award').show();
   		$('.award-message').hide();
   	});
   }
   function get_code(){
   	// $('.award .btn a').click(function(){
	   	// if($.trim(giaithuong)==''){
	   	// 	$('.award').hide();
		   // 	$('.award-final').show();
	   	// 	return;
	   	// }
   		var adiem_html = score+' ĐIỂM';
   		var atrung_html = giaithuong;
   		$('.adiem span').html(adiem_html);
   		$('.atrung span').html(atrung_html);
   		if($.trim(atrung_html)=='') $('.atrung').hide();
   		$('.aform a').click(function(){
   			var error = false;
   			$('.error').remove();
   			var aform = $('.aform input');
   			for(var i=aform.length-1;i>=0;i--){
   				if($.trim($(aform[i]).val())==''){
   					error = true;
   					$(aform[i]).focus();
   					$('<div class="error">Điền thông tin!</div>').insertAfter($(aform[i]));
   				}
   			}
   			if(error==true) return;
   			$.blockUI({css: {
	            border: 'none',
	            padding: '15px',
	            backgroundColor: '#000',
	            '-webkit-border-radius': '10px',
	            '-moz-border-radius': '10px',
	            opacity: .5,
	            color: '#fff'
	        }});
   			$.ajax({
		        type: "POST",
		        url: "<?php echo site_url() ?>/execute",
		        data: {
		            execute: 4,
		            username: $('#username').val(),
		            phone: $('#phone').val(),
		            cmnd: $('#cmnd').val(),
		            email: $('#email').val(),
		        },
		        dataType: "json",
		    }).done(function(data) {
		   		$('.award-send').hide();
		   		$('.award-final').show();
		   		$.unblockUI();
		    });
   		});
   		$('.award').hide();
   		$('.award-send').show();
   	// });
   }
   function end_game(){
   	$('.endgame').fadeIn();
   	 $.ajax({
	        type: "POST",
	        url: "<?php echo site_url() ?>/execute",
	        data: {
	            execute: 2,
	            submit_item: submit_item,
	            score: score,
	            baolixi: baolixi
	        },
	        dataType: "json",
	    }).done(function(data) {
	    	// if(data.hack==1) alert('Phát hiện nghi vấn hack!');
	    	if(data.hack==0) open_item();
	    });
   }
   function check_list(mouseX,mouseY){
   		if(start==0){
   			start=1;
   			$.ajax({
		        type: "POST",
		        url: "<?php echo site_url() ?>/execute",
		        data: {
		            execute: 0
		        },
		        dataType: "json",
		    });
        var d = new Date();
        tick = d.getTime();
   			loop = setInterval(function(){
   				if(time>0){
            var d = new Date();
            var tick_new = d.getTime();
            var delta_tick= tick_new - tick;
            delta_tick = (delta_tick - delta_tick%1000)/1000;
            time = 60 - delta_tick;
          }
   				else {
   					clearInterval(loop);
   					end_game();
   				}
   				update_text();
   			},1000);
   		}
	   	var offsetX = 370+osX;
	   	var offsetY = 140;
	   	var items = $('.items > div');
	   	for(var i=0;i<5;i++){
   			for(var j=0;j<5;j++){
   				// debug_grid(i,j,offsetX,offsetY);
   				if((offsetX+j*95<mouseX&&mouseX<offsetX+(j+1)*95-16&&
   					offsetY+i*80<mouseY&&mouseY<offsetY+(i+1)*80-8)){
	   				var trung = j+5*i;
	   				if(item[map][trung][0]==1){
              soundManager.play('smash'+trung%6);
		   				submit_item[score] = map+'|'+trung+'|'+item[map][trung][1];
		   				score++;
		   				if(item[map][trung][1]==0){ // trat
		   					$(items[trung]).find('img').attr('src','<?php echo bloginfo('template_url'); ?>/img/item-nieuvo.png');
		   				}else{ // trung
		   					baolixi++;
							$(items[trung]).find('img').attr('src','<?php echo bloginfo('template_url'); ?>/img/item-nieuvolixi.png');
		   				}
		   				item[map][trung][0] = 0;
		   				update_text();
		   			}
	   			}
	   		}
   		}
   		if(score%25==0&&score!=0) create_list();
   }
   function update_text(){
   	   $('.score span').html(score);
   	   if(baolixi<10) $('.baolixi span').html('0'+baolixi);
   	   else $('.baolixi span').html(baolixi);
   	   if(time<10) $('.timer span').html('0'+time);
   	   else $('.timer span').html(time);
   }
   function debug_grid(i,j,offsetX,offsetY){
		var grid = '<div style="width:2px;height:2px;background:red;position:absolute;top:'+(offsetY+i*80)+'px;left:'+(offsetX+j*95)+'px;"></div>';
		$('body').append(grid);
		var grid = '<div style="width:2px;height:2px;background:red;position:absolute;top:'+(offsetY+i*80)+'px;left:'+(offsetX+(j+1)*95-16)+'px;"></div>';
		$('body').append(grid);
		var grid = '<div style="width:2px;height:2px;background:red;position:absolute;top:'+(offsetY+(i+1)*80-26)+'px;left:'+(offsetX+j*95)+'px;"></div>';
		$('body').append(grid);
		var grid = '<div style="width:2px;height:2px;background:red;position:absolute;top:'+(offsetY+(i+1)*80-26)+'px;left:'+(offsetX+(j+1)*95-16)+'px;"></div>';
		$('body').append(grid);	
   }

   $('.gameplay').click(function(e){
   	if(time!=0) check_list(e.pageX, e.pageY);
   	if (window.getSelection) {
	  if (window.getSelection().empty) {  // Chrome
	    window.getSelection().empty();
	  } else if (window.getSelection().removeAllRanges) {  // Firefox
	    window.getSelection().removeAllRanges();
	  }
	} else if (document.selection) {  // IE?
	  document.selection.empty();
	}
   });
    $('.gameplay').mousemove(function(e){
	   	$('.cursor').css('top',(e.pageY-10)+'px');
	   	$('.cursor').css('left',(e.pageX-10-osX)+'px');
    });
   $('.gameplay').mousedown(function(){
   	$('.cursor img').attr('src','<?php echo bloginfo('template_url'); ?>/img/csr-click.png');
   });
   $('.gameplay').mouseup(function(){
   	$('.cursor img').attr('src','<?php echo bloginfo('template_url'); ?>/img/csr-move.png');
   });
</script>
<script type="text/javascript"> 

//////////F12 disable code////////////////////////
    document.onkeypress = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
           //alert('No F-12');
            return false;
        }
    }
    document.onmousedown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
document.onkeydown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
/////////////////////end///////////////////////
</script>
<script type="text/javascript"> 
<!-- 
//Disable right click script 
//visit http://www.rainbow.arch.scriptmania.com/scripts/ 
var message="Sorry, right-click has been disabled"; 
/////////////////////////////////// 
function clickIE() {if (document.all) {(message);return false;}} 
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) { 
if (e.which==2||e.which==3) {(message);return false;}}} 
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 
document.oncontextmenu=new Function("return false") 
// --> 
</script> 
<?php get_footer() ?>